<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>商品详情</title>
    <jsp:include page="../common/portal-head.jsp"></jsp:include>
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/app.css">
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/goods_detail.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/shouye.css">
</head>
<body>
<div class="page-container">
    <jsp:include page="../portal/topmenu.jsp"></jsp:include>
    <div class="content-wrap">
        <div class="goods-info-wrap">
            <div class="now-path">
                <span>七匹狼></span>
                <span>内衣></span>
                <span>古今美背文胸</span>
            </div>
            <div class="goods-property">
                <div class="Xcontent">
                    <ul class="Xcontent01">

                        <div class="Xcontent06"><img src="${ctx}/resources/portal/img/shangpinxiangqing/X1.png"></div>
                        <ol class="Xcontent08">
                            <div class="Xcontent07"><img src="${ctx}/resources/portal/img/shangpinxiangqing/X1.png"></div>
                            <div class="Xcontent09"><img src="${ctx}/resources/portal/img/shangpinxiangqing/X7.png"></div>
                            <div class="Xcontent10"><img src="${ctx}/resources/portal/img/shangpinxiangqing/X8.png"></div>
                            <div class="Xcontent11"><img src="${ctx}/resources/portal/img/shangpinxiangqing/X9.png"></div>
                            <div class="Xcontent12"><img src="${ctx}/resources/portal/img/shangpinxiangqing/X10.png"></div>
                        </ol>
                        <ol class="Xcontent13">
                            <div class="Xcontent14"><a href="#">企业名称</a>
                                <span>古今正品上薄下厚性感蕾丝集中深V聚拢美背文胸罩内衣</span>
                            </div>
                            <div class="Xcontent15">
                                <span>舒适</span>
                                <span>透气</span>
                                <span>按摩</span>
                                <span>非海绵内衣</span>
                            </div>
                            <!-- 								<div class="Xcontent16"><p>充电5分钟，温暖2小时</p></div>
                             -->								<div class="Xcontent17">
                            <div class="Xcontent20">
                                <p class="Xcontent18">原价:</p>
                                <p class="Xcontent19" id="normal-price">￥<span >69.00</span></p>
                            </div>
                            <div class="Xcontent20">
                                <p class="Xcontent18">促销价:</p>
                                <p class="Xcontent19">￥<span>69.00</span></p>
                            </div>
                            <!-- <div class="Xcontent23">
                                <p class="Xcontent24">服务</p>
                                <p class="Xcontent25">30天无忧退货&nbsp;&nbsp;&nbsp;&nbsp;       48小时快速退款 &nbsp;&nbsp;&nbsp;&nbsp;        满88元免邮</p>
                            </div> -->
                        </div>
                            <div class="Xcontent26">
                                <p class="Xcontent27">颜色分类:</p>
                                <div class="Xcontent28"><img  src="${ctx}/resources/portal/img/shangpinxiangqing/X14.png"></div>
                                <div class="Xcontent28"><img  src="${ctx}/resources/portal/img/shangpinxiangqing/X1.png"></div>
                                <div class="Xcontent28"><img  src="${ctx}/resources/portal/img/shangpinxiangqing/X1.png"></div>
                                <div class="Xcontent28"><img  src="${ctx}/resources/portal/img/shangpinxiangqing/X1.png"></div>
                            </div>
                            <div class="XcontentSize">
                                <p class="Xcontent27">尺寸:</p>
                                <div class="Xcontent29"><a class="Xcontent29-a">80c</a></div>
                                <div class="Xcontent29"><a class="Xcontent29-a">80c</a></div>
                                <div class="Xcontent29"><a class="Xcontent29-a">80c</a></div>
                                <div class="Xcontent29"><a class="Xcontent29-a">80c</a></div>
                                <div class="Xcontent29"><a class="Xcontent29-a">80c</a></div>
                                <div class="Xcontent29"><a class="Xcontent29-a">80c</a></div>
                                <div class="Xcontent29"><a class="Xcontent29-a">80c</a></div>
                                <div class="Xcontent29"><a class="Xcontent29-a">80c</a></div>
                            </div>
                            <div class="Xcontent30">
                                <p class="Xcontent27">数量:</p>
                                <div class="Xcontent32"><img src="${ctx}/resources/portal/img/shangpinxiangqing/X15.png"></div>
                                <form>
                                    <input class="input" value="1"></form>
                                <div class="Xcontent33"><img src="${ctx}/resources/portal/img/shangpinxiangqing/16.png"></div>
                                <span class="unit">件</span>
                                <div class="store-num">
                                    <label>库存<span>378</span>件</label>
                                </div>
                            </div>
                            <div class="Xcontent34"><a href="#"><img src="${ctx}/resources/portal/img/shangpinxiangqing/X17.png"></a></div>
                            <div class="Xcontent35"><a href="#"><img src="${ctx}/resources/portal/img/shangpinxiangqing/X18.png"></a></div>

                        </ol>
                        <div class="share-collect">
                            <span><i class="fa fa-share-alt"></i>分享</span>
                            <span><i class="fa fa-star-o"></i>收藏</span>
                        </div>
                    </ul>
                </div>
            </div>
            <div class="goods-advise">
                <h1>推荐商品</h1>
                <div class="advise-goods-pic">
                    <img src="${ctx}/resources/portal/img/banner/detail_advise_o1.jpg">
                    <div class="advise-goods-price">
                        <span>￥99</span>
                    </div>
                </div>
                <div class="advise-goods-pic">
                    <img src="${ctx}/resources/portal/img/banner/detail_advise_o1.jpg">
                    <div class="advise-goods-price">
                        <span>￥99</span>
                    </div>
                </div>
                <div class="advise-goods-pic">
                    <img src="${ctx}/resources/portal/img/banner/detail_advise_o1.jpg">
                    <div class="advise-goods-price">
                        <span>￥99</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="good-detail-wrap">
            <div class="goods-detail-info">
                <div class="info-menu">
                    <a>图文详情</a>
                    <a>产品参数</a>
                    <a>买家评价</a>
                </div>
                <div class="p-pic"></div>
                <div class="p-param"></div>
                <div class="comment"> </div>
            </div>
            <div class="goods-hot">
                <div class="shop-info">
                    <h1><img src="${ctx}/resources/portal/img/info_add_01.png">古今内衣批发商</h1>
                    <div class="shop-assess">
                        <div class="assess-item">
                            <dt>描述</dt>
                            <dd>4.8</dd>
                        </div>
                        <div class="assess-item">
                            <dt>描述</dt>
                            <dd>4.8</dd>
                        </div>
                        <div class="assess-item">
                            <dt>描述</dt>
                            <dd>4.8</dd>
                        </div>
                    </div>
                    <div class="enter-button">
                        <a href="" id="enter-shop">进入逛逛</a>
                        <a href="" id="collect-shop">收藏企业</a>
                    </div>
                </div>
                <div class="hot-goods-list">
                    <h1>热销商品</h1>
                    <div class="hot-goods-item">
                        <img src="${ctx}/resources/portal/img/banner/detail_hot_01.jpg">
                        <div class="hot-goods-dsc">
                            <span class="dsc">古今正品上薄下厚性感蕾丝集中深V聚拢美背文胸罩内衣</span>
                            <span class="price">￥99</span>
                        </div>
                    </div>
                    <div class="hot-goods-item">
                        <img src="${ctx}/resources/portal/img/banner/detail_hot_01.jpg">
                        <div class="hot-goods-dsc">
                            <span class="dsc">古今正品上薄下厚性感蕾丝集中深V聚拢美背文胸罩内衣</span>
                            <span class="price">￥99</span>
                        </div>
                    </div>
                    <div class="hot-goods-item">
                        <img src="${ctx}/resources/portal/img/banner/detail_hot_01.jpg">
                        <div class="hot-goods-dsc">
                            <span class="dsc">古今正品上薄下厚性感蕾丝集中深V聚拢美背文胸罩内衣</span>
                            <span class="price">￥99</span>
                        </div>
                    </div>
                    <div class="hot-goods-item">
                        <img src="${ctx}/resources/portal/img/banner/detail_hot_01.jpg">
                        <div class="hot-goods-dsc">
                            <span class="dsc">古今正品上薄下厚性感蕾丝集中深V聚拢美背文胸罩内衣</span>
                            <span class="price">￥99</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<jsp:include page="../portal/footer.jsp"></jsp:include>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="${ctx}/resources/portal/script/modernizr-custom-v2.7.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var $miaobian=$('.Xcontent08>div');
        var $huantu=$('.Xcontent06>img');
        var $miaobian1=$('.Xcontent26>div');
        var $miaobian2=$('.XcontentSize>div');
        $miaobian.mousemove(function(){miaobian(this);});
        $miaobian1.click(function(){miaobian1(this);});
        $miaobian2.click(function(){miaobian2(this);});
        function miaobian(thisMb){
            for(var i=0; i<$miaobian.length; i++){
                $miaobian[i].style.borderColor = '#dedede';
            }
            thisMb.style.borderColor = '#cd2426';

            $huantu[0].src = thisMb.children[0].src;
        }
        function miaobian1(thisMb1){
            for(var i=0; i<$miaobian1.length; i++){
                $miaobian1[i].style.borderColor = '#dedede';
            }
//		thisMb.style.borderColor = '#cd2426';
            $miaobian.css('border-color','#dedede');
            thisMb1.style.borderColor = '#cd2426';
            $huantu[0].src = thisMb1.children[0].src;
        }
        function miaobian2(thisMb2){
            for(var i=0; i<$miaobian2.length; i++){
                $miaobian2[i].style.borderColor = '#dedede';
            }
//		thisMb.style.borderColor = '#cd2426';
            $miaobian.css('border-color','#dedede');
            thisMb2.style.borderColor = '#cd2426';
        }
        $(".Xcontent33").click(function(){
            var value=parseInt($('.input').val())+1;
            $('.input').val(value);
        })

        $(".Xcontent32").click(function(){
            var num = $(".input").val()
            if(num>0){
                $(".input").val(num-1);
            }

        })

    })
</script>
</body>
</html>